<template>
  <div class="myattention">
    <listuser :list="list" :types="types"></listuser>
  </div>
</template>

<script>
import { attention } from '../../../../api/blog'
import listuser from '../../../../components/listuser'

export default {
  components: {
    listuser
  },
  data () {
    return {
      list: [],
      types: 'attention'
    }
  },
  methods: {
    run() {
      attention({}).then(res => {
        this.list = res.data.list
        this.$store.commit('updateMyattentionLength', this.list.length)
      })
    }
  },
  mounted() {
    this.run()
  }
  
}
</script>

<style lang="scss" scoped>
.myattention {
}
.myattention-div{
  height: 60px;
  border-radius: 30px;
  background-color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  .left{
    display: flex;
    align-items: flex-start;
    .left-left{
      
      .img{
        width: 40px;
        height: 40px;

      }
    }
    .left-right{
      margin-left: 20px;
    }
  }
}
</style>